<script setup>
import OneQuestion from "@/components/common/OneQuestion.vue";
import {useRoute} from "vue-router";
import PaperApis from '@/apis/paper.js'

const route = useRoute();
const currentQuestion=ref(null)

function getQuestionDetail(){
  PaperApis.getQuestionDetail(route.query.qId).then(res=>{
    currentQuestion.value=res.data
  })
}
function init(){
  getQuestionDetail()
}
init()

</script>

<template>
<div class="one-container">
  <div class="one-content">
    <OneQuestion :showCollectBtn="false" :chapter-id="route.query.chapterId" :column-id="route.query.columnId" :current-question="currentQuestion" :records-type="route.query.recordsType"></OneQuestion>

  </div>
</div>
</template>

<style scoped>
.one-container{
  padding: 50px 0;
}
.one-content{
  border-radius: 12px;
  background: white;
  padding: 16px;
  width: 1400px;
  margin: 0 auto;
}
</style>